<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!--

     1.图片
            格式: <img >
            属性: 
                src     图片的来源地址
                alt     当图片加载失败/延迟时, 显示alt内容
                width   设置图片的宽度
                height  设置图片的高度

            注意: 
                * 为img 同时设置width 和 height, 因为图片本身就具备宽高比例, 所以若同时设置, 取消宽高比例, 导致图片失真
        
        2.嵌套
            有很多标签是可以嵌套使用的
            注意: 不是所有标签都随意嵌套, 需要合理才行
-->
  <img>
<img src="zou.jpg" >
<img src="zou.jpg" alt="这是个飞机">
<img src="zou.jpg" width="200">
<img src="zou.jpg" height="200">
<img src="zou.jpg" width="100" height="100">

<img src="zou.jpg" width="50%">
<img src="zou.jpg" height="100%">
<hr>

    <!--标签嵌套-->
    <a href="http://a3.att.hudong.com/68/61/300000839764127060614318218_950.jpg" width="100">
      <img src="zou.jpg"  width="100">

    </a>
    


</body>
</html>